<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Loso - Software a Medida, Aplicaciones Móviles y Cloud
	Computing</title>
<meta name="description"
	content="LOSO Software Empresas - Desarrollamos aplicaciones en Java J2EE, .Net, SOA, con los fabricantes más reconocidos del mercado y al alcance de todos." />
<meta name="keywords"
	content="software empresas, empresas de software en chile, software para empresas, empresa desarrollo software, software a la medida, desarrollo aplicaciones web, desarrollo aplicaciones" />
<meta name="author" content="LOSO" />
<meta http-equiv="Content-Language" content="es" />

<link href="css/light.css" rel="stylesheet" type="text/css" />
<link href="css/cupertino/jquery-ui-1.10.2.custom.min.css"
	rel="stylesheet" type="text/css" />
<link href="css/gallery.css" rel="stylesheet" type="text/css" />
<link href="css/tabs.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="javascripts/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="javascripts/jquery-ui-1.10.2.custom.min.js"
	type="text/javascript"></script>
<script src="javascripts/jquery.googleplus-activity-1.0.min.js"
	type="text/javascript"></script>
<script src="javascripts/jquery.easytabs.min.js" type="text/javascript"></script>
<script src="javascripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="javascripts/additional-methods.min.js"
	type="text/javascript"></script>
<script src="javascripts/alert.min.js" type="text/javascript"></script>
<script src="javascripts/init.min.js" type="text/javascript"></script>
<script src="javascripts/index.js" type="text/javascript"></script>
</head>

<body>
	<div id="contenedor">

		<!-- INICIO HEADER -->
		<div id="header">
			<h1>
				<a href="#tab-1"> <img src="images/LogoHeader.gif"
					alt="LOSO - Experiencia y Calidad" name="Loso" width="222"
					height="76" border="0" id="Loso" />
				</a>
			</h1>
			<div id="tab-container">
				<a href="#" class="idioma"> <img src="images/btn_ingles.gif"
					width="81" height="20" border="0" />
				</a>
				<ul>
					<li><a href="#tab-1" title="Inicio" id="Inicio"> <img
							src="images/btn_00_home.gif" alt="Inicio" width="29" height="26"
							border="0" />
					</a></li>
					<li><a href="#tab-2" title="Quienes Somos" id="Quienes Somos">
							<img src="images/btn_es00_01qs.gif" alt="Quienes Somos"
							width="113" height="26" border="0" />
					</a></li>
					<li><a href="#tab-3" title="Servicios" id="Servicios"> <img
							src="images/btn_es00_02serv.gif" alt="Servicios" width="73"
							height="26" border="0" />
					</a></li>
					<li><a href="#tab-4" title="Contacto" id="Contacto"> <img
							src="images/btn_es00_03clientes.gif" alt="Clientes" width="74"
							height="26" border="0" />
					</a></li>
					<li><a href="#tab-5"> <img
							src="images/btn_es00_04contacto.gif" alt="Contacto" width="75"
							height="26" border="0" />
					</a></li>
					<img src="images/btn_es00_05fin.gif" width="52" height="26" />
				</ul>
				<div style="clear: both;"></div>
				<!-- FIN HEADER -->

				<div class="panel-container">
					<!-- Home  -->
					<div id="tab-1">
						<!-- imagenes -->
						<div id="gallery">
							<a href="#tab-2" class="show"> <img src="images/Pizarron.jpg"
								alt="" width="725" height="322" title="" />
							</a> <a href="#"> <img src="images/Horizonte.jpg" alt=""
								width="725" height="322" title="" />
							</a> <a href="#"> <img src="images/DienteLeon.jpg" alt=""
								width="725" height="322" title="" />
							</a> <a href="#"> <img src="images/Ninios.jpg" alt="" width="725"
								height="322" title="" />
							</a>
						</div>
						<div class="clear"></div>
						<!-- imagenes -->
						<div class="3-col">
							<div class="col1">
								<h3>Aplicaciones en la nube</h3>
								<p>Te asesoramos en la construcción, migración e integración
									de tus aplicaciones en la nube, apostando por Amazon Web
									Services y Google App Engine como plataformas eficientes.</p>
								<a href="#" class="bot">Ver más ></a>
							</div>
							<div class="col2">
								<h3>Aplicaciones Android</h3>
								<p>Las aplicaciones para móviles son el mejor aliado de una
									marca o empresa que quiera publicitarse y tener una presencia
									en los nuevos dispositivos móviles.</p>
								<a href="#" class="bot">Ver más ></a>
							</div>
							<div class="col3">
								<h3>Aplicaciones a medida</h3>
								<p>A partir de las necesidades del cliente y teniendo en
									cuenta sus expectativas,desarrollamos software de calidad a
									medida, construimos aplicaciones para web y escritorio</p>
								<a href="#" class="bot">Ver más ></a>
							</div>
							<div class="clear"></div>

						</div>
					</div>

					<!-- Fin Home -->

					<!-- Quienes Somos -->
					<div id="tab-2">
						<div>
							<img src="images/Pizarron_ch.jpg" width="725" height="172" />
						</div>
						<div id="contenido">
							<h2>Quienes Somos</h2>
							<h3>Lorem ipsum dolor sit amet</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								Sed cursus tempor enim non faucibus. Etiam suscipit dui et
								lectus dictum nec dictum orci tempus.</p>
							<blockquote>
								<h5>Lorem ipsum dolor sit amet</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Sed cursus tempor enim non faucibus. Etiam suscipit dui et
									lectus dictum nec dictum orci tempus.</p>
								<h5>Lorem ipsum dolor sit amet</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Sed cursus tempor enim non faucibus. Etiam suscipit dui et
									lectus dictum nec dictum orci tempus.</p>
								<h5>Lorem ipsum dolor sit amet</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Sed cursus tempor enim non faucibus. Etiam suscipit dui et
									lectus dictum nec dictum orci tempus.</p>
							</blockquote>
						</div>
						<div id="tab_content2">
							<div id="menu">
								<div style="width: 210px; margin: 0 auto">
									<div id="gpaw">
										<a class="gpaw-info" href="#">Publicaciones LOSO&reg;</a>
									</div>
								</div>
							</div>
						</div>
						<div class="clear">&nbsp;</div>
					</div>
					<!--  Fin Quienes Somos -->
					<!-- Servicios -->
					<div id="tab-3">
						<div>
							<img src="images/Horizonte_ch.jpg" width="725" height="172" />
						</div>
						<div id="contenido">
							<h2>Servicios</h2>
							<h3>Lorem ipsum dolor sit amet</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								Sed cursus tempor enim non faucibus. Etiam suscipit dui et
								lectus dictum nec dictum orci tempus.</p>
							<blockquote>
								<h5>Lorem ipsum dolor sit amet</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Sed cursus tempor enim non faucibus. Etiam suscipit dui et
									lectus dictum nec dictum orci tempus.</p>
								<h5>Lorem ipsum dolor sit amet</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Sed cursus tempor enim non faucibus. Etiam suscipit dui et
									lectus dictum nec dictum orci tempus.</p>
								<h5>Lorem ipsum dolor sit amet</h5>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Sed cursus tempor enim non faucibus. Etiam suscipit dui et
									lectus dictum nec dictum orci tempus.</p>
							</blockquote>
						</div>
						<div id="tab_content2">
							<div id="menu">
								<div style="width: 210px; margin: 0 auto">
									<div id="gpaw2">
										<a class="gpaw-info" href="#">Publicaciones LOSO</a>
									</div>
								</div>
							</div>
						</div>
						<div class="clear">&nbsp;</div>
					</div>
					<!-- Fin Servicios -->
					<!-- Clientes -->
					<div id="tab-4">
						<div>
							<img src="images/DienteLeon_ch.jpg" width="725" height="172" />
						</div>
						<div id="contenido">
							<h2>Clientes</h2>
							<h3>Lorem ipsum dolor sit amet</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								Sed cursus tempor enim non faucibus. Etiam suscipit dui et
								lectus dictum nec dictum orci tempus. Lorem ipsum dolor sit
								amet, consectetur adipiscing elit. Sed cursus tempor enim non
								faucibus. Etiam suscipit dui et lectus dictum nec dictum orci
								tempus.</p>
							<div id="clientes" align="center">
								<img src="images/Cliente1.gif" alt="1" /> <img
									src="images/Cliente1.gif" alt="2" /> <img
									src="images/Cliente1.gif" alt="3" /> <img
									src="images/Cliente1.gif" alt="4" /> <img
									src="images/Cliente1.gif" alt="5" /> <img
									src="images/Cliente1.gif" alt="6" /> <img
									src="images/Cliente1.gif" alt="1" /> <img
									src="images/Cliente1.gif" alt="2" /> <img
									src="images/Cliente1.gif" alt="3" /> <img
									src="images/Cliente1.gif" alt="4" /> <img
									src="images/Cliente1.gif" alt="5" /> <img
									src="images/Cliente1.gif" alt="6" />
							</div>

							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								Sed cursus tempor enim non faucibus. Etiam suscipit dui et
								lectus dictum nec dictum orci tempus.</p>
						</div>
						<div id="tab_content2">
							<div id="menu">
								<div style="width: 210px; margin: 0 auto">
									<div id="gpaw3">
										<a class="gpaw-info" href="#">Publicaciones LOSO</a>
									</div>
								</div>
							</div>
						</div>
						<div class="clear">&nbsp;</div>
					</div>
					<!-- Fin Clientes -->
					<!-- Contacto -->
					<div id="tab-5">
						<div>
							<img src="images/Ninios_ch.jpg" width="725" height="172" />
						</div>
						<div id="contacto">
							<h2>Contacto</h2>
							<h3>Formulario de Contacto</h3>
							<p>Por favor llene sus datos y lo contactaremos a la
								brevedad.</p>

							<form id="contact-form">
								<fieldset class="line">
									<legend>Envianos tu Mensaje</legend>
									<label> *Nombre </label> <input name="nombre" type="text"
										class="box" size="30" /><br /> <label for="">
										*Direcci&oacute;n de correo </label> <input name="mail" type="text"
										class="box" size="30" /><br /> <label> Teléfono </label> <input
										name="telefono" type="text" class="box" size="30" /><br /> <label>
										*Mensaje </label>
									<textarea name="mensaje" cols="20" rows="" class="textbox"></textarea>
									<br /> <input align="right" name="send" type="submit"
										class="bot" id="submit"
										title="Pulsa una vez para enviar el mensaje, y espera a la pantalla de confirmación"
										value="Enviar &raquo;" />
								</fieldset>
							</form>

							<p>*Campos Obligatorios</p>

							<!-- Fin Formulario de Contacto -->
						</div>
						<div id="tab_content2">
							<div id="menu">
								<div style="width: 210px; margin: 0 auto">
									<div id="gpaw4">
										<a class="gpaw-info" href="#">Publicaciones LOSO</a>
									</div>
								</div>
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<!-- fin Contacto -->
					<!-- Footer -->
					<div id="footer">
						<hr />
						<div class="left">www.loso.cl - info@loso.cl</div>
						<div class="right">&reg; Derechos Reservados</div>
						<div class="clear"></div>
					</div>

					<!-- iconos sociales -->
					<div
						class="divsocial">
						<a class="socialopacity" href="#"><img border="0"
							src="images/social/64x64/64x64-gplus.png" /></a><br /> <a
							class="socialopacity" href="#"><img border="0"
							src="images/social/64x64/64x64-twitter.png" /></a><br /> <a
							class="socialopacity"
							href="http://www.linkedin.com/profile/view?id=99469301"><img
							border="0" src="images/social/64x64/64x64-linkedin.png" /></a><br />
					</div>

					<!-- Fin Footer -->
				</div>
			</div>
		</div>
	</div>
	<div id="cargando" />
	<!-- ClickDesk -  Live Chat Service  for websites -->
	<script type='text/javascript'>
		var _glc = _glc || [];
		_glc.push('all_ag9jb250YWN0dXN3aWRnZXRyDgsSBXVzZXJzGMrazAkM');
		var glcpath = (('https:' == document.location.protocol) ? 'https://my.clickdesk.com/clickdesk-ui/browser/'
				: 'http://my.clickdesk.com/clickdesk-ui/browser/');
		var glcp = (('https:' == document.location.protocol) ? 'https://'
				: 'http://');
		var glcspt = document.createElement('script');
		glcspt.type = 'text/javascript';
		glcspt.async = true;
		glcspt.src = glcpath + 'livechat-new.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(glcspt, s);
	</script>
	<!-- End of ClickDesk -->
	<script type="text/javascript">
	
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-5289327-1']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>	
</body>
</html>
